<template>
  <div class="step-container step5">
    <div class="step-title">5.奖状生成</div>
    <div class="step-content">
      <div class="dnd-container">
        <drag-drop-container
          :make-template="makeTemplate"
          :active-sprite-index="-1"
          ref="dndContainer"
        ></drag-drop-container>
      </div>
      <div class="infos">
        <Form :label-width="100">
          <FormItem label="模板">{{template.name}}</FormItem>
          <FormItem label="主题">{{themeName}}</FormItem>
          <FormItem label="单行人数">1</FormItem>
          <FormItem>
            <Button type="primary" @click="doGenerate()">生成奖状</Button>
          </FormItem>
        </Form>
      </div>
    </div>
  </div>
</template>

<script src="./finalGenerate.js"></script>
<style lang="less" src="./finalGenerate.less"></style>